<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>商品选择器</title> <%@ include file="/page/include.jsp"%>
</head>
<body class="nav-md">
	<div class="container body">
		<div class="main_container">
			<div class="framebody" style="min-height: 100%;">
				<div class="row">
					<div class="col-md-12 col-sm-12 col-xs-12">
						<div class="x_panel">
							<div class="x_title">
								<h2>
									<i class="fa fa-pencil fa-fw"></i>查询条件 <small></small>
								</h2>
								<div class="clearfix"></div>
							</div>
	
							<div class="x_content">
								<form id="coupon_customer_form" class="form-horizontal form-label-left">
									<input type="hidden" id="couponId" value="${couponId }"/>
									<div class="form-group">
										<label class="control-label col-md-1" for="roleName">单位名称:
										</label>
										<div class="col-md-3">
											<input type="text" id="companyName" name="companyName"
												class="form-control"/>
										</div>
										<label class="control-label col-md-1" for="roleName">客户名称:
										</label>
										<div class="col-md-3">
											<input type="text" id="customerName" name="customerName"
												class="form-control"/>
										</div>
										<label class="control-label col-md-1" for="roleName">客户手机号:
										</label>
										<div class="col-md-3">
											<input type="text" id="mobile" name="mobile"
												class="form-control"/>
										</div>
									</div>
									
									<div class="form-group">
										<label class="control-label col-md-1" for="customerLevel">客户级别:
										</label>
										<div class="col-md-3">
											<select class="selectpicker show-tick form-control" multiple data-live-search="false" id="customerLevel" name="customerLevel" title="请选择">
											</select>
										</div>
										<label class="control-label col-md-1" for="roleName">地区:
										</label>
										<style type="text/css">
											.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
											    width: 150px;
											}
										</style>
										<div class="col-md-2 col-sm-2 col-xs-2">
											<select id="provinceId" name="provinceCode"  class="selectpicker"  title="省" data-live-search="true" ></select>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-2">
											<select id="cityId" name="cityCode" class="selectpicker" title="市" data-live-search="true" ></select>
										</div>
										<div class="col-md-2 col-sm-2 col-xs-2">
											<select id="areaId" name="areaCode" class="selectpicker" title="区" data-live-search="true" ></select>
										</div>
									</div>
									<div class="form-group">
										<div class="pull-right">
											<a class="btn btn-danger" id="btnCouponCustomerClear"><i
												class="fa fa-trash-o fa-fw"></i>清空</a> 
											<a class="btn btn-primary"
												id="btnCouponCustomerQuery"><i
												class="fa fa-search-plus fa-fw"></i>查询</a>
										</div>
									</div>
								</form>
							</div>
						</div>
	
						<div class="x_panel">
							<div class="x_content">
								<div class="row" style="padding-bottom: 10px;">
									<a class="btn btn-success btn-sm"  id="btn_add_all" href="javascript:void(0);">全部加入</a>
								</div>
								<div class="row">
									<table id="customerTable" class="table"></table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="${rootPath}/js/coupon/customer_selector.js"></script>
</body>
</html>